<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/header_com.css">
    <link rel="stylesheet" href="./css/contract.css">
    <link rel="stylesheet" href="./css/navigation_com.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/footer_com.css">
</head>
<body>
    <!--1. the header start -->
    <header>
        <div class="header wrapper">
            <p>ベッドと美しい生活    美好宠物生活</p>
            <h1>pidan</h1>
            <input type="text" class="iconfont" placeholder="&#xe63c">
        </div>
    </header>
    <!--1. the header end -->

    <!--2. the slider start -->
    <div class="slider">
        <img src="./img/images6/banner.png" alt="">
    </div>
    <!--2. the slider end -->

    <!--3. the navigation start -->
    <div class="navigation wrapper">
        <ul>
            <li><a href="./index.html" >首页</a></li>
            <li><a href="./product.html" >产品中心</a></li>
            <li><a href="./brand.html" >品牌故事</a></li>
            <li><a href="./news.html">新闻中心</a></li>
            <li><a href="./special.html" >special特别合作</a></li>
            <li><a href="./contract.html" class="on">联系方式</a></li>
        </ul>
    </div>
    <!--3. the navgation end -->

    <!--4. the contract start -->
    <div class="contract wrapper">
        <h3>联系我们</h3>
        <div class="content">
            <div class="left">
                <ul>
                    <li>
                        <h4>媒体资讯</h4>
                        <p>微博: @pidan   微博: @pidan cat Instagram</p>
                    </li>
                    <li>
                        <h4>上海
                            </h4>
                        <p>地址: 上海市虹口区井湾路3号3543</p>
                        <p>电话: 86 400-920-0674</p>
                        <p>邮箱: pidan@123.com</p>
                    </li>
                    <li>
                        <h4>巴黎
                            
                            </h4>
                        <p>电话: 333 123456  </p>
                        <p>邮箱: hello@hsdjkfhs</p>
                    </li>
                    <li>
                        <h4>国内经销合作
                            </h4>
                        <p>线上: jiskafjag@pidan    线下: aishf@pidan</p>
                    </li>
                    <li>
                        <h4>海外经销合作
                            </h4>
                        <p>邮箱: qiu@pidan.com</p>
                    </li>
                </ul>
            </div>
            <div class="right"><img src="./img/images6/2e8bc2b3a6692653f2d96543a6c3008.png" alt=""></div>
        </div>
    </div>
    <!--4. the contract end -->

    <!--5. the recruit start -->
    <div class="pic">
        <img src="./img/images6/00302d8747bc8f1e5f7860ee22055ab.png" alt="">
    </div>
    <div class="recruit wrapper">
        <h3>招聘信息</h3>
        <p>为了持续不断地提供更多好用、有趣的产品，我们持非常开放的态度，欢迎有志人士加入我们。</p>
        <p>这里有优厚薪酬与完善福利，为你提供多元化的培养模式与能力发挥平台，让你未来获得更多可能。</p>
        <p>简历及自荐信请发送至： ineedajob@pidan.com</p>
        <ul class="wrapper">
            <li>
                <p>电商运营</p>
                <span>+</span>
            </li>
            <li>
                <p>电商客服</p>
                <span>+</span>
            </li>
            <li>
                <p>工业设计师</p>
                <span>+</span>
            </li>
            <li>
                <p>工业设计师</p>
                <span>+</span>
            </li>
            <li>
                <p>结构工程师</p>
                <span>+</span>
            </li>
            <li>
                <p>平面设计师</p>
                <span>+</span>
            </li>
            <li>
                <p>文案策划</p>
                <span>+</span>
            </li>
            <li>
                <p>区域客服经理</p>
                <span>+</span>
            </li>
            <li>
                <p>销售支持</p>
                <span>+</span>
            </li>
            <li>
                <p>采购专员</p>
                <span>+</span>
            </li>
            <li>
                <p>市场专员</p>
                <span>+</span>
            </li>
            <li>
                <p>人事专员</p>
                <span>+</span>
            </li>
            <li>
                <p>行政专员</p>
                <span>+</span>
            </li>
            
        </ul>
    </div>
    <!--5. the recruit end -->

    <!-- the footer start -->
    <div class="footer wrapper">
        <p>沪ICP备12385496-3 sdhfnhrj©2020 Danke Co</p>
        <p>服务热线：+86 400-920-0674</p>
    </div>
    <!-- the footer end -->


</body>
</html>